<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>添加设备</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js"
            charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form" id="sub">
            <div class="layui-form-item">
                <label for="eno" class="layui-form-label">
                    设备编码
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="eno" name="eno"
                           lay-verify="eno" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label"> <span
                        class="x-red"></span>设备名称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name"
                           lay-verify="name" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="status" class="layui-form-label"> <span
                        class="x-red"></span>设备状态
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="status" name="status"
                           lay-verify="status" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label"> <span
                        class="x-red"></span>选择维保人员
                </label>
                <div class="layui-input-inline">
                    <select name="xiumanid" id="xiumanid">
                    </select>
                </div>
            </div>


            <div class="layui-form-item">
                <label for="equipmenttypeid" class="layui-form-label"> <span
                        class="x-red"></span>选择设备类型
                </label>
                <div class="layui-input-inline">
                    <select id="equipmenttypeid" name="equipmenttypeid">
                    </select>
                </div>
            </div>

            <input type="hidden" id="unitid" name="unitid" lay-verify="unitid" autocomplete="off" class="layui-input"
                   readonly>

            <div class="layui-form-item">
                <label for="pos" class="layui-form-label"> <span
                        class="x-red"></span>设备位置
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="pos" name="pos"
                           lay-verify="pos" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <label class="layui-form-label"></label>
                <button class="layui-btn" lay-filter="add" lay-submit="">添加设备</button>
            </div>
        </form>
    </div>
</div>
<script>layui.use(['form', 'laydate', 'layer', 'jquery'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer,
            laydate = layui.laydate;
        var id = window.location.search.substring(1);
        $("#unitid").prop("value", id);
        form.render();
        $.get('unitBaoxiuman', {unitid: id}, function (data) {
            var list = data.data;
            $.each(list, function (index, d) {
                $("#xiumanid").append(new Option(d.name, d.id));
            });
            form.render();
        });
        $.get('equipmentType', function (data) {
            var list = data.data;
            $.each(list, function (index, d) {
                $("#equipmenttypeid").append(new Option(d.typeName, d.id));
            });
            form.render();
        });

        //监听提交
        form.on('submit(add)',
            function (data) {
                $.get("unitAddEquipment", data.field, function (p) {
                    alert(p.msg);
                    xadmin.close();
                    xadmin.father_reload();
                })
                return false;
            });
    });
</script>
</body>

</html>